<template>
  <div class="col column justify-center items-center left">
    <q-img
      class="q-my-lg"
      src="/icons/logo.png"
      style="width: 191px; height: 62px"
    />
    <div class="hello-text">Speaking in your language</div>
    <div class="hello-text">说你的语言</div>
    <div class="hello-text">당신의 언어로 말하기</div>
    <div class="hello-text">あなたの言語を話す</div>
    <div class="hello-text">Nói ngôn ngữ của bạn</div>
    <div class="hello-text">Parler votre langue</div>
    <div class="hello-text">Розмовляючи вашою мовою</div>
    <div class="hello-text q-mt-xl">Discover the world through others</div>
  </div>
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue';
export default defineComponent({
  setup() {
    return {};
  },
});
</script>
<style lang="sass" scoped>
.left
  background-color: #141414
  .hello-text
    color: $sub
    font-size: 16px
    cursor: default
    line-height: 2em
</style>
